<template>
    <!--绑定手机号-->
    <div class="login-bind">
      <!--头部-->
      <div class="login-bind-header">
        <div class="font">
          绑定手机号
        </div>
      </div>
      <!--内容部分-->
      <div class="login-bind-content">
        <div class="l-c-phone">
          <div class="p-1">
             <span class=" font2">
             账
            </span>
            <span class=" font2">
             号
            </span>
          </div>
          <div class="p-2">
            <Input   clearable  placeholder="请输入手机号" :autofocus=true></Input>
          </div>
        </div>
        <div class="l-c-code">
          <div class="c-1">
            <Input placeholder="请输入验证码"></Input>
          </div>
          <div class="c-2">
            <Button class="code">获取验证码</Button>
          </div>
        </div>
        <div class="l-c-button">
          <Button class="submit">立即登录</Button>
        </div>
      </div>
    </div>
</template>

<script>
    export default {
        name: "login-bind",
        data() {
            return {};
        },
        methods: {},

    }
</script>

<style lang="less" scoped>
@import "./less/login-bind";
</style>
